{% extends "::base.html.twig" %}
{% block title %}Taskade -- Register{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="{{asset('page_compte/css/bootstrap.css')}}">	
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="{{asset('page_compte/css/jquery-ui-1.8.16.custom.css')}}" />
<link rel="stylesheet" type="text/css" href="{{asset('page_compte/css/jquery.cleditor.css')}}" />
<link rel="stylesheet" href="{{asset('page_compte/css/custom.css')}}">	
{% endblock %}

{% block javascripts %}
<script language="javascript" src="{{asset('page_compte/js/link_and_box.js')}}"></script>
<script src="{{asset('page_compte/js/jquery-1.7.1.js')}}"></script>
<script src="{{asset('page_compte/js/bootstrap.js')}}"></script>
<script src="{{asset('page_compte/js/jquery-ui-1.8.16.custom.min.js')}}" type="text/javascript"></script>
<script type="text/javascript" src="{{asset('page_compte/js/jquery.cleditor.min.js')}}"></script>
<script src="{{asset('page_compte/js/events.js')}}"></script>
{% endblock %}

{% block body %}
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">

        <div class="container">
            <a href="/" class="brand">Taskade</a>

            <div class="nav-collapse">

                <ul class="nav">


                    <li>
                        <a href="/public/register">Register</a>
                    </li>
                    <li><a href="/public/contact">Contact Us</a></li>


                </ul>
                <ul class="nav pull-right">



                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">Help <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/help">Help Page</a></li>
                            <li><a href="/help/game-rules">Basic Game Rules</a></li>
                            <li><a href="/help/getting-started">Getting Started</a></li>
                        </ul>
                    </li>



                </ul>

            </div>
        </div>

    </div>
</div>
<div class="container">
    <div class="content">

        <div class="row">		



            <div class="span3">


                <div>
                    <form method="post" style="padding: 10px;" class="well" id="login_form" name="login_form" action="/">

                        <fieldset>

                            <div class="control-group ">

                                <label for="_login" class="control-label">Login</label>

                                <div class="controls">

                                    <input type="text" class="span4" style="width:180px;" id="_login" value="" name="_login"/>

                                </div>
                            </div>
                            <div class="control-group ">

                                <label for="_password" class="control-label">Password</label>

                                <div class="controls">

                                    <input type="password" class="span4" style="width:180px;" id="_password" value="" name="_password"/>

                                </div>
                            </div>

                            <label class="checkbox">
                                <input type="checkbox" value="1" id="remember" name="remember"> Remember me
                            </label>

                            <input type="hidden" value="user_login" name="action"/>
                            <input type="submit" value="GO" class="btn"/>

                            <br/>
                            <a href="/public/register" class="active">Register</a>
                            <br/>
                            <a href="/public/reset_password" class="active">Forgot your password?</a>

                            <fieldset>

                            </fieldset>
                        </fieldset>
                    </form>
                </div>
                <div class="well left-block">
                    <h4>What can Taskade be used for?</h4>
                    <p>
                        Please send us your suggestions!					
                    </p>

                    <a href="/public/contact?ref=suggestions" class="btn">OK</a>
                </div>

            </div>

            <div class="span9">
                {% form_theme form 'GwitPlateformBundle:Form:page_account_fields.html.twig' %}
                <form method="post" class="form-horizontal" action="{{ path('user_create') }}" name="register_form" id="register_form" {{ form_enctype(form) }}>
                    <fieldset>
                        <legend>Registration form</legend>
                        
                            {{ form_widget(form) }}
                        
                        <div class="form-actions">
                            <button class="btn btn-primary" type="submit">Submit</button>
                        </div>				

                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="row footer_bottom">
            <div class="span6">
                <a href="/">Home</a>
                <a href="/about">About</a>
                <a href="/tos">Terms</a>
                <a href="/privacy">Privacy</a>
            </div>
            <div class="span6 right"> &copy; Indextar LLC 2011-2012 </div>
        </div>
    </footer>
</div>
{% endblock %}